<template>
	<view class="center-box">
		<!-- <header-box :title="'title'"></header-box> -->

		<view class="header" style="color: #000000;" @tap="goBack">
			<view class="arrow">
			</view>
			
			<view class="title">
				当前订单
			</view>
		</view>

		<view class="bgc-image pt100 pl22 lh70">
			<view class="fs34" style="font-family: PangMenZhengDao;font-weight: 600;">
				<u-icon name="phone-fill mr14"></u-icon> 公司联系电话
			</view>
			<view class="">
				<text class="cuIcon-radiobox mr16" style="color: #FBE161;"></text> <text>赵先生：13518191980（微信同号）</text>
			</view>
			<view class="">
				<text class="cuIcon-radiobox mr16" style="color: #FBE161;"></text> <text>尹小姐：13558794358（微信同号）</text>
			</view>
			<view class="">
				<text class="cuIcon-radiobox mr16" style="color: #FBE161;"></text> <text>座机：028-88426098</text>
			</view>
		</view>

		<view class="text-list">
			<view class="text-list-left">
				<uni-steps direction="column" @moreBtn="publicmoreUrl"  :options="stepList.flow_list" :active="stepList.step.id - 1"></uni-steps>
			</view>
		</view>






		<yy-home></yy-home>



		<view class="foot_box"></view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword: '',
				userId: '',
				numList: [{
					title: '员工施工流程表',
					desc: '01',
					text: '已填写',
					path: '/pages/flow/listInfo',
				}, {
					title: '执行部工作流程',
					desc: '02',
					text: '请填写',
					path: '/pages/flow/stepList',
				}, {
					title: '外协（成本）统计单',
					desc: '03',
					text: '请填写',
					// path: '/pages/flow/inputList'
					path: '/pages/flow/uploadImg'
				}, {
					title: '客户意见回馈表',
					desc: '04',
					text: '请填写',
					path: '/pages/flow/uploadImg'
				}],
				stepList: [],
			};
		},
		onLoad(e) {
			console.log(e)
			this.userId = e.id
			uni.setStorageSync('userId', e.id)
			
		},
		onShow() {
			this.getStockList(uni.getStorageSync('userId'))
		},
		methods: {
			clkOn() {
				this.z.load(this);
				setTimeout(() => {
					this.z.load(this, 0);
				}, 3000);
			},

			publicmoreUrl(url,id) {
				console.log('id==>', id);
				uni.navigateTo({
					url,
				});
			},
			
			goBack() {
				uni.navigateBack({
					delta: 1
				})
			},
			
			// 列表
			async getStockList(id) {
				const res = await this.$u.post("api/process/flow_find",{
					id: id,
				})
				this.stepList = res.data
				console.log('this.arrList==>',this.stepList);
			},
		}
	};
</script>

<style lang="scss" scoped>
	.center-box {
		width: 100%;
		// height: 100vh;
		padding-bottom: 100rpx;
		background-color: #9885F8;

		.header {
			width: 100%;
			height: 150rpx;
			line-height: 150rpx;
			display: flex;
			align-items: center;
			padding-top: 30rpx;
			font-size: 36rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			// background: linear-gradient(to right, #656CE6, #9397FC);
			
			.arrow{
			  position: relative;
			  display: inline-block;
			}
			
			.arrow::before{
			  content: '';
			  width: 10px;
			  height: 10px;
			  border: 0px;
			  border-bottom: solid 2px #fff;
			  border-left: solid 2px #fff;
			  -ms-transform: rotate(45deg);
			  -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
			  position: absolute;
			  top: 50%;
			  left: 0;
			  margin-top: -4px;
			  margin-left: 28rpx;
			}
			
			.title {
				color: #fff;
				margin: 0 auto;
			}
		}

		.bgc-image {
			width: 100%;
			height: 433rpx;
			color: #FFFFFF;
			height: 433rpx;
			background-image: url('https://w-jinxiao.oss-cn-chengdu.aliyuncs.com/20210322/bj7.png');
			background-size: 100%;
			background-repeat: no-repeat;
		}

		.text-list {
			width: 706rpx;
			// height: 784rpx;
			margin: 0 auto;
			display: flex;
			border-radius: 20rpx;
			background-color: #FFFFFF;

			.text-list-left {
				width: 100%;
				padding: 66rpx 20rpx 0 40rpx;
			}
		}

	}
</style>
